<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>AI-对话</title>
    <meta content="想你所想，懂你所问" name="keywords">
    <!-- 新的-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preload" href="https://static.yiweiss.com/chating/_next/static/css/9a1061a3410ba295.css" as="style">
    <link rel="stylesheet" href="https://static.yiweiss.com/chating/_next/static/css/9a1061a3410ba295.css" data-n-g="">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="__next">
    <div>
        <div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div>
        <main class="flex h-screen w-screen flex-col text-sm text-white dark:text-white dark">
            <div class="fixed top-0 w-full sm:hidden">
                <nav class="flex w-full justify-between bg-[#202123] py-3 px-4">
                    <div class="mr-4"></div>
                    <div class="max-w-[240px] overflow-hidden text-ellipsis whitespace-nowrap">新对话</div>
                    <div class="cursor-pointer hover:text-neutral-400 mr-8"></div>
                </nav>
            </div>
            <div class="flex h-full w-full pt-[48px] sm:pt-0">
                <div class="flex flex-1">
                    <div class="relative flex-1 overflow-hidden bg-white dark:bg-[#343541]">
                        <div class="max-h-full overflow-x-hidden">
                            <div class="mx-auto flex w-[350px] flex-col space-y-10 pt-[5vh] sm:pt-[20vh] sm:w-[800px]">
                                <div class="text-center text-3xl font-semibold text-gray-800 dark:text-gray-100">Chat
                                    Ai
                                </div>
                                <div class="flex text-[#6b7280]">
                                    <p class="flex-1 flex items-center justify-center flex-col"><span role="img" aria-label="alert" style="font-size: 30px;" class="anticon anticon-alert"><svg viewBox="64 64 896 896" focusable="false" data-icon="alert" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M193 796c0 17.7 14.3 32 32 32h574c17.7 0 32-14.3 32-32V563c0-176.2-142.8-319-319-319S193 386.8 193 563v233zm72-233c0-136.4 110.6-247 247-247s247 110.6 247 247v193H404V585c0-5.5-4.5-10-10-10h-44c-5.5 0-10 4.5-10 10v171h-75V563zm-48.1-252.5l39.6-39.6c3.1-3.1 3.1-8.2 0-11.3l-67.9-67.9a8.03 8.03 0 00-11.3 0l-39.6 39.6a8.03 8.03 0 000 11.3l67.9 67.9c3.1 3.1 8.1 3.1 11.3 0zm669.6-79.2l-39.6-39.6a8.03 8.03 0 00-11.3 0l-67.9 67.9a8.03 8.03 0 000 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l67.9-67.9c3.1-3.2 3.1-8.2 0-11.3zM832 892H192c-17.7 0-32 14.3-32 32v24c0 4.4 3.6 8 8 8h688c4.4 0 8-3.6 8-8v-24c0-17.7-14.3-32-32-32zM484 180h56c4.4 0 8-3.6 8-8V76c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v96c0 4.4 3.6 8 8 8z"></path></svg></span><span class="mt-[20px] text-[18px]">AI创作</span></p>
                                    <p class="flex-1 flex items-center justify-center flex-col"><span role="img" aria-label="like" style="font-size: 30px;" class="anticon anticon-like"><svg viewBox="64 64 896 896" focusable="false" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span><span class="mt-[20px] text-[18px]">有趣的问题</span></p>
                                    <p class="flex-1 flex items-center justify-center flex-col"><span role="img" aria-label="read" style="font-size: 30px;" class="anticon anticon-read"><svg viewBox="64 64 896 896" focusable="false" data-icon="read" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M928 161H699.2c-49.1 0-97.1 14.1-138.4 40.7L512 233l-48.8-31.3A255.2 255.2 0 00324.8 161H96c-17.7 0-32 14.3-32 32v568c0 17.7 14.3 32 32 32h228.8c49.1 0 97.1 14.1 138.4 40.7l44.4 28.6c1.3.8 2.8 1.3 4.3 1.3s3-.4 4.3-1.3l44.4-28.6C602 807.1 650.1 793 699.2 793H928c17.7 0 32-14.3 32-32V193c0-17.7-14.3-32-32-32zM324.8 721H136V233h188.8c35.4 0 69.8 10.1 99.5 29.2l48.8 31.3 6.9 4.5v462c-47.6-25.6-100.8-39-155.2-39zm563.2 0H699.2c-54.4 0-107.6 13.4-155.2 39V298l6.9-4.5 48.8-31.3c29.7-19.1 64.1-29.2 99.5-29.2H888v488zM396.9 361H211.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5zm223.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c0-4.1-3.2-7.5-7.1-7.5H627.1c-3.9 0-7.1 3.4-7.1 7.5zM396.9 501H211.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5zm416 0H627.1c-3.9 0-7.1 3.4-7.1 7.5v45c0 4.1 3.2 7.5 7.1 7.5h185.7c3.9 0 7.1-3.4 7.1-7.5v-45c.1-4.1-3.1-7.5-7-7.5z"></path></svg></span><span class="mt-[20px] text-[18px]">Ai百科</span></p>
                                </div>
                                <div class="grid grid-cols-1 sm:grid-cols-3 gap-5 text-[#000]">
                                    <div class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear" id="myDiv1" onclick="sendPostRequestS(this)">李白为啥被称为诗仙？ →</div>
                                    <div class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear " id="myDiv2" onclick="sendPostRequestS(this)">爸爸为啥可以跟妈妈结婚？ →</div>
                                    <div class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear " id="myDiv3" onclick="sendPostRequestS(this)">中国历史第一位女武神是谁？ →</div>
                                    <div class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear " id="myDiv4" onclick="sendPostRequestS(this)">写一个关于地理学的论文大纲 →</div>
                                    <div id="myDiv5" onclick="sendPostRequestS(this)" class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear ">Ai 会替代人类工作吗？ →</div>
                                    <div class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear " id="myDiv6" onclick="sendPostRequestS(this)">蒜蓉龙虾的做法 →</div>
                                    <div class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear " id="myDiv7" onclick="sendPostRequestS(this)">写一篇优美作文，50字以上 →</div>
                                    <div class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear " id="myDiv8" onclick="sendPostRequestS(this)">七夕节的来历？ →</div>
                                    <div class="flex items-center justify-center py-[3px] min-h-[40px] sm:min-h-[66px] bg-[#f7f7f8] text-[#6b7280] rounded-[3px] text-[16px] px-[20px] leading-[26px] cursor-pointer hover:bg-[#05a67c] hover:text-[#fff] transition duration-300 linear " id="myDiv9" onclick="sendPostRequestS(this)">梁山一百零八将是哪些 →</div>
                                </div>
                            </div>
                        </div>
                        <div class="absolute bottom-0 left-0 w-full border-transparent bg-gradient-to-b from-transparent via-white to-white pt-6 dark:border-white/20 dark:via-[#343541] dark:to-[#343541] md:pt-2">
                            <div class="stretch mx-2 mt-4 flex flex-row gap-3 last:mb-2 md:mx-4 md:mt-[52px] md:last:mb-6 lg:mx-auto lg:max-w-3xl">
                                <div class="flex w-[350px] sm:w-[800px] mx-auto dark:bg-[#343541] bg-[#fff] p-[6px] rounded-[5px]">
                                    <div class="flex-grow relative flex flex-col h-[40px] rounded-md border border-black/10 bg-white shadow-[0_0_10px_rgba(0,0,0,0.10)] dark:border-black/10 dark:bg-[#40414F] dark:text-white ">
                                        <input class="pr-8 pl-2 text-black dark:bg-transparent dark:text-white py-2 md:py-2 md:pl-4" style="resize: none; max-height: 400px; overflow: hidden; height: 38px; bottom: 38px;" placeholder="请输入一条消息" rows="1" type="text" name="id" id="myTextarea">
                                    </div>
                                    <div class="flex-none flex align-middle justify-center w-[60px] sm:w-[80px] h-[40px] bg-[#05a67c] rounded-[5px] ml-[10px] sm:ml-[20px]">
<!--                                        <input type="button" value="获取验证码" onclick="sendCode(this)" id="getcode" class="btn btn-primary margin-top-bottom text-center"/>-->
                                        <button id="sendPostRequest">发送</button >
                                    </div>
                                </div>
                            </div>
                            <div class="px-3 pt-2 pb-3 text-center text-[12px] text-black/50 dark:text-white/50 md:px-4 md:pt-3 md:pb-6">
                                <a target="_blank" rel="noreferrer" class="underline"></a>
                                <div></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>
</div>

<script type="text/javascript">

    document.getElementById('sendPostRequest').addEventListener('click', function() {
        sendPostRequest();
    });

    //回车监听
    $("#myTextarea").on("keypress", function (event) {
        if (event.which == 13 || event.keyCode == 13) {
            event.preventDefault();
            sendPostRequest();
        }
    });

    //单一发送请求
    function sendPostRequest() {
        // 获取<textarea>元素
        var textContent = $("#myTextarea").val();
        if(textContent.length==0) {
            alert('请输入你要询问的问题！');
            return false;
        }
        // 将 textContent 存储在 sessionStorage 中
        sessionStorage.setItem("textContent", textContent);
        // 跳转到新页面
        window.location.href = "pack/indexS";
    }
    //上面9个发送请求
    function sendPostRequestS(text) {
        let textContent = text.textContent;
        // 将 textContent 存储在 sessionStorage 中
        sessionStorage.setItem("textContent", textContent);
        // 跳转到新页面
        window.location.href = "pack/indexS";
    }
</script>
</body>
</html>
